/*
	Custom style for a ColorPickerWidget
	CSS modified version from http://jqueryui.com/demos/slider/#colorpicker
*/
.ColorPickerWidgetRed, .ColorPickerWidgetGreen, .ColorPickerWidgetBlue {
	float: left;
	clear: left;
	width: 300px;
	margin: 15px;
}

.ColorPickerWidgetSwatch {
	width: 140px;
	height: 100px;
	margin-top: 18px;
	margin-left: 350px;
	background-image: none;
}

.ColorPickerWidgetRed .ui-slider-range { background: #ef2929; }
.ColorPickerWidgetRed .ui-slider-handle { border-color: #ef2929; }
.ColorPickerWidgetGreen .ui-slider-range { background: #8ae234; }
.ColorPickerWidgetGreen .ui-slider-handle { border-color: #8ae234; }
.ColorPickerWidgetBlue .ui-slider-range { background: #729fcf; }
.ColorPickerWidgetBlue .ui-slider-handle { border-color: #729fcf; }
.ColorPickerWidgetFrame > div.demo { padding: 10px !important; };
